
@color:#f10180;
@font-color:#666666;
@deepFont-color:#333333;
@lightFont-color:#999999;
  body {
    background-color:#fff;
    padding:0 0.24rem;
    p{
      margin-bottom:0;
      padding-bottom:0.25rem;
    }
    .nav{
      text-align: center;
      padding:0.4rem 0;
      img {
        width: 4.12rem;
        height: 1.58rem;
      }
    }
    .search_keyword,.search_goods,.check_goods,.announcements,.add_shoppingCart{
      background-color:#fff;
      border-radius:0.1rem;
      -webkit-box-shadow: 0 0 15px #f8e8f0;
      margin-bottom:0.75rem;
      .step{
        text-align:center;
        img{
          width:0.74rem;
          height:0.74rem;
          margin-top: -0.37rem;
        }
      }
      .title{
        text-align:center;
        font-size:0.28rem;
        color:@deepFont-color;
      }
    }
    .search_keyword{
      .content{
        padding:0 1rem;
        >p{
          font-size:0.24rem;
          color:@deepFont-color;
          span{
            color:@color;
            b{
              font-weight:normal;
              margin-left:2.1rem;
            }
          }
        }
        p.copy_keyword{
          text-align:center;
          margin:0 0.24rem;
          input{
            border: 1px solid #f10180;
            background-color: #f10180;
            color: #fff;
            height:0.6rem;
            font-size:0.24rem;
          }
        }
      }
      .look_newKeyword{
        border-top: 1px solid #c8c8c8;
        margin:0 0.24rem;
        padding:0.24rem 0 0.6rem 0;
        p{
          text-align:center;
          padding-bottom:0.1rem;
          font-size:0.24rem;
          input{
            border: 1px solid #f10180;
            background-color: #f10180;
            color: #fff;
            margin-top:0.2rem;
            height:0.7rem;
            font-size:0.26rem;

          }
        }
      }
    }
    .search_goods,.check_goods,.announcements{
      padding-bottom:0.1rem;
      p{
        padding-bottom:0.15rem;
      }
      .content{
        padding-left:0;
        >p{
          padding-bottom:0.15rem;
          text-align:center;
          font-size:0.24rem;
          color:@deepFont-color;
          textarea{
            width:90% !important ;
            height:2rem;
            font-size:0.24rem;
            color:#333;
          }
          input{
            width:6.2rem;
            height:0.88rem;
            border:1px solid #999;
            font-size:0.24rem;
            margin-bottom:0;
          }
        }
        .images01{
          img{
            width:3rem;
            height:3rem;
          }
        }
        .images02{
          img{
            width:2.53rem;
            height:4.5rem;
          }
        }
        .images01,.images02{
          img{
            border:1px solid #c8c8c8;
          }
        }
      }
    }
    .add_shoppingCart{
      .content{
        p{
          color:#333;
          font-size:0.24rem;
          padding:0 0.2rem;
        }
        .good{
          width:7.02rem;
          padding-bottom:0.6rem;
          background-size:7.02rem 3.21rem;
          p.title{
            overflow:hidden;
            padding:0.3rem 0.24rem 0 0.24rem;
            margin-bottom:0.05rem;
            span,b{
              display:inline-block;
              color:@font-color;
              font-size:0.24rem;
            }
            span{
              float:left;
              padding-left:0.18rem;
              background:url(../images/recommend_icon_line_default@2x.png) left center no-repeat;
              background-size:0.04rem 0.2rem;
            }
            b{
              float:right;
              font-weight:normal;
            }
          }
          >ul{
            overflow:hidden;
            padding:0.2rem 0;
            border-top:1px solid #c8c8c8;
            border-bottom:1px solid #c8c8c8;
            margin:0 0.2rem;
            li{
              float:left;
              p{
                margin-bottom:0;
                font-size:0.24rem;
                color:@font-color;
                text-align:left;
                span{
                  color:@deepFont-color;
                }
              }
              p.goodName{
                span{
                  display:inline-block;
                  width:2.8rem;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                }
              }
              p.goodPrice{
                span{
                  color:@color;
                }
              }
            }
            li:first-of-type{
              width:1.5rem;
              height:1.5rem;
              border:1px solid #c8c8c8;
              img{
                width:1.5rem;
                height:1.5rem;
              }
            }
            li:nth-of-type(2){
              padding-left: 0.2rem;
              p {
                height: 0.375rem;
              }
            }
          }
        }
      }
    }
    .announcements{
        padding-bottom:0.3rem;
    }

    .submit_btn{
      text-align:center;
      padding-bottom:0.6rem;
      input{
        width:4.8rem;
        height:0.86rem;
        border:1px solid @color;
        border-radius:0.1rem;
        background-color:@color;
        color:#fff;
        font-size:0.36rem;
      }
    }
  }

.modal_box,.modal_box_copy{
  display:none;
  .modal_content {
    width: 6.9rem;
    height: 4.06rem;
    background-color: #fff;
    border-radius: 0.1rem;
    position: fixed;
    z-index: 1000;
    top: 45%;
    left: 50%;
    margin-left: -3.45rem;
    margin-top: -2.03rem;
    p{
      text-align:center;
    }
    .hint{
      span{
        display:inline-block;
        padding-top:0.32rem;
        color:#333;
        font-size:0.32rem;
        margin-left:0.5rem;
      }
      img{
        display:inline-block;
        float:right;
        width:0.37rem;
        height:0.37rem;
        margin:0.24rem 0.24rem 0 0;
      }
    }
    .main{
      font-size:0.28rem;
      color:#666;
      padding:0.65rem;
    }
    .btns{
      input{
        width:3rem;
        height:0.86rem;
        border:1px solid @color;
        border-radius:0.1rem;
        font-size:0.3rem;
        margin:0 0.15rem;
      }
      input:first-of-type{
        background-color:@color;
        color:#fff;
      }
      input{
        background-color:#fff;
        color:@color;
      }
    }
    .confirm{
      padding-top:0.25rem;
      input{
        width:6.3rem;
        height:0.86rem;
        background-color:@color;
        color:#fff;
        border:1px solid @color;
        border-radius:0.1rem;
        font-size:0.3rem;
      }
    }
  }
  .mask_layer{
    background-color:#000;
    opacity:0.5;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:999;
  }
}

//淘口令样式
.taokl_box{
  margin-left:-0.6rem;
  textarea{
    width:6.22rem;
    height:2.1rem;
    border-radius:0.1rem;
  }
}
.copy_taokl{
  text-align:center;
  padding-bottom:0.6rem !important ;
  input{
    border: 1px solid #f10180;
    background-color: #f10180;
    color: #fff;
    height: 0.7rem;
    font-size: 0.26rem;
  }
}













